<template>
  <div class="topOverview">
      <div class="leftBox">
         <h1>机构概述</h1>
         <div class="Aa_1">
             <div class="Aa_1_2">
                 <p class="p_1">飒飒大苏打傻吊</p>
                 <p class="p_2">地址:撒大苏打实打实的是多少</p>
                 <p class="p_2">负责人:在这种打实打实的是多少</p>
                 <div class="but" @click="callChildMethod">
                     查看营业部分布
                 </div>
                </div>
             <div class="Aa_2_2">
                 <div>
                     <p class="p_1">扽里是(个)</p>
                     <p class="p_2">1</p>
                 </div>
                        <div>
                     <p class="p_1">扽里是(个)</p>
                     <p class="p_2">1</p>
                 </div>
                        <div>
                     <p class="p_1">扽里是(个)</p>
                     <p class="p_2">1</p>
                 </div>
                        <div>
                     <p class="p_1">扽里是(个)</p>
                     <p class="p_2">1</p>
                 </div>
             </div>
         </div>
      </div>
      <div class="rightBox"></div>
      <CommonDialogLayout ref="childComponentRef">
         <template #mapBox>
             <h1>什么的干活</h1>
         </template>
      </CommonDialogLayout>  
  </div>
</template>

<script setup lang="ts">
  import CommonDialogLayout from '../../../components/CommonDialogLayout.vue'
  
  const childComponentRef = ref(null);
const callChildMethod = () => {
  if (childComponentRef.value) {
    // 假设子组件有一个名为childMethod的方法
    childComponentRef.value.showDialog();
  }
};

</script>
<style scoped lang="less">
@import url('../style/index.less');
</style>